import React, {useState} from 'react'
import {View,Text,ScrollView } from '@tarojs/components'

import LeftNav from './leftNav'
import RightDetails from './rightdetails'
import './index.scss'

export default function IfcationDetails(){
  const [leftNavList,useLeftNavList] = useState([
    {text:'全部',id:1},
    {text:'鲜奶',id:2},
    {text:'乳酸菌',id:3},
    {text:'常温奶',id:4},
    {text:'面包',id:5},
    {text:'蛋糕',id:6},
    {text:'全部',id:7},
    {text:'全部',id:8},
    {text:'全部',id:9},
    {text:'全部',id:10},
    {text:'全部',id:11},
    {text:'全部',id:12},
    {text:'全部',id:13},
    {text:'全部',id:14},
    {text:'全部',id:15},
    {text:'全部',id:16},
    {text:'全部',id:17},
    {text:'全部',id:18},
    {text:'全部',id:19},
    {text:'全部',id:20},
  ])
  return (
    <View className='ifcation_details'>
      <ScrollView scrollY className='left_nav'>
        <LeftNav leftNavList={leftNavList} />
      </ScrollView>

      <RightDetails />
    </View>
  )
}
